<template>
  <div class="app">
    <h1>{{ msg }}</h1>
    <SchoolItem></SchoolItem>
    <StudentItem></StudentItem>
  </div>
</template>

<script>
import SchoolItem from "./components/SchoolItem.vue";
import StudentItem from "./components/StudentItem.vue";

export default {
  name: "App",
  data() {
    return {
      msg: "App Message",
    };
  },
  components: {
    SchoolItem,
    StudentItem,
  },
};
</script>

<style scoped>
.app {
  background-color: gray;
  padding: 5px;
}
</style>
